<%@ taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
<script type="text/javascript">
	$(function() {

		$("#addException").click(function(event) {
			event.preventDefault();
			$("#addExcetionDiv").slideToggle();
		});

		$("#addExcetionDiv a").click(function(event) {
			event.preventDefault();
			$("#addExcetionDiv").slideUp();
		});
	});
</script>
<style type="text/css">
a {
	color: #993300;
	text-decoration: none;
}

#addExcetionDiv {
	width: 100%;
	display: none;
	padding: 5px;
	border: 2px solid #000;
	background-color: #fff;
}

#mostrar {
	display: block;
	width: 100%;
	padding: 5px;
	border: 2px solid #D0E8F4;
	background-color: #ECF8FD;
}
</style>
</head>
<body>
	<div class="bs-callout bs-callout-info">

		<h4>EXCEPTION CODES</h4>
		<table id="grid-selection"
			class="table table-condensed table-hover table-striped">
			<thead>
				<tr>
					<th data-column-id="idExecptionCodes">ID</th>
					<th data-column-id="idCop">ID Cop</th>
					<th data-column-id="exceptionCodes">Exception Code</th>
					<th data-column-id="exceptionLogin">Exception Logic</th>
					<th data-column-id="description">Description</th>
					
				</tr>
			</thead>

			<tbody>
			<s:iterator value="exceptions">
				<tr>
					<td><s:property value="id" /></td>
					<td><s:property value="idCop" /></td>
					<td><s:property value="exceptionCode" /></td>
					<td><s:property value="exceptionLogic" /></td>
					<td><s:property value="description" /></td>
					
				</tr>

			</s:iterator>



		</tbody>
		</table>
		<div>
		<button type="submit" id="addException" class="center btn btn-primary">Add Exception</button>
	</div>
	<div id="addExcetionDiv">
		<a href="#" class="close">[x]</a>

		<div class="form-group">
			<label for="exampleInputPassword1">Exception Code</label> <input
				type="text" class="form-control" id="inputExceptionCode">
		</div>

		<div class="form-group">
			<label for="exampleInputPassword1">Exception Logic</label> <input
				type="text" class="form-control" id="inputExceptionLogic">
		</div>
		<div class="form-group">
			<label for="exampleInputPassword1">Description</label> <input
				type="text" class="form-control" id="inputDescriptionException">
		</div>
			
	
		<button type="submit" class="btn btn-default" onclick="agregaExceptionCode();">Add</button>

	</div>

		
	</div>
	
</body>
</html>